<!DOCTYPE html>
<html>
<head>
    <title>注册</title>
    <#include "../_inc/_mobile_resource.html" />
</head>
<body>
<!--头部Begin-->
<div class="header">
    <div class="header_btn-back1"><a href="#"></a></div>
    <div class="header_titl1">用户信息</div>
</div>
<!--头部end-->
<!--内容Begin-->
<div class="container_wrapper" >
    <div class="login_item-box2"><img src="${mobileroot}/${mobiletheme}/images/touxiang.jpg" alt="touxiang"   class="login1"><span class="user_name">用户名<em>Lv1</em></span></div>
    <div class="content" id="register" >
    <form action="${webroot}/app/user/registerFirst.html" method="post" id="registerForm">
        <ul>
            <li >
                <!-- 输入框-->
                <div class="inputCode oldCode">
                    <input id="userName" class="inputText" type="text" placeholder="请输入用户名" name="userName">
                </div>
                <!-- 正确标签-->
                <div class="codeRight"> <img src="${mobileroot}/${mobiletheme}/images/icon-lr-1.png"></div>
                <!-- 错误信息标签-->
                <div class="codeWrong" >用户名已经存在</div>
            </li>
            <li >
                <!-- 输入框-->
                <div class="inputCode newCode">
                    <input id="mobilePhone" class="inputText" type="text" placeholder="请输入手机号码" name="mobilePhone">
                </div>
                <!-- 正确标签-->
                <div class="codeRight"> <img src="${mobileroot}/${mobiletheme}/images/icon-lr-1.png"></div>
                <!-- 错误信息标签-->
                <div class="codeWrong" >该手机号码已经注册</div>
            </li>
            <li >
                <!-- 输入框-->
                <div class="inputCode newCode">
                    <input id="pwd" class="inputText" type="password" placeholder="请输入登录密码" name="pwd" id="pwd">
                </div>
                <!-- 正确标签-->
                <div class="codeRight"> <img src="${mobileroot}/${mobiletheme}/images/icon-lr-1.png" ></div>
                <!-- 错误信息标签-->
                <div class="codeWrong" >密码格式不正确</div>
            </li>
            <li >
                <!-- 输入框-->
                <div class="inputCode newCode">
                    <input id="confirmPassword" class="inputText" type="password" placeholder="请确认登录密码" name="confirmPassword" >
                </div>
                <!-- 正确标签-->
                <div class="codeRight"> <img src="${mobileroot}/${mobiletheme}/images/icon-lr-1.png" ></div>
                <!-- 错误信息标签-->
                <div class="codeWrong" >两次输入的密码不一致</div>
                 <input type="hidden" name="userType" value="1">
            </li>
            <li>
                <div  class="inputCode">
	                <img src="/validimg.html" align="absmiddle"  onClick="this.src='/validimg.html?t=' + Math.random();" style="float: right; margin: 5px 10px;width: 160px;" alt="点击刷新" />
	                <input id="validCode" maxlength="256" class="inputText" type="text" placeholder="请输入验证码" name="validCode" style="width: 360px;float: left;">
                </div>	
            </li>
            
            <li class="protocol">
               	 我已经阅读并同意 <a href="#" class="agreementDetail" style=" color:#f8635f;">《酒掌柜用户服务协议》 </a>
                <input type="checkbox" name="agree" id="agree" checked="checked" value="1" style="float: left; margin: 2px 4px 2px 2px;">
            </li>
            <li>
                <div class="changeCodeButten"> <button>下一步</button></div>
            </li>
            <li class="input_box1"><a href="${mobileroot}/user/login.html" style="float: right;color:#ea6060;">已有账号，现在登录</a></li>
        </ul>
        </form>
        
        <form id="registerFormSec" action="${webroot}/app/user/registerSecond.html" method="post" style="display: none;">
	        <ul>
	            <li >
	                <!-- 输入框-->
	                <div class="inputCode oldCode">
	                    <label class="inputCodeLabel">手机号：</label><span class="inputCodeInfo" id="sendMobile"></span>
	                </div>	
	                <input type="hidden" name="mobilePhone" id="sendMobileIpt" value="1"> 
	                <input type="hidden" name="sign" id="sign" value="1">                
	            </li>
	            <li>
                <!-- 输入框-->
	                <div class="inputCode ">
	                    <div class="inputNumber yzminput2">
	                        <input id="phoneCode" class="inputText" type="text" placeholder="请输入手机验证码" name="code">
	                    </div>
	                    <div class="getNumber btnyzm-1">
	                    <a href="javascript:void(0)" id="getEmailCodeEdit">获取验证码</a>
	                    <a href="javascript:void(0)" id="getEmailCodeEditHid" style="display: none;"></a>
	                    </div>
	                </div>
	                
	            </li>
	            <li>
	                <div class="changeCodeButten"> <button>下一步</button></div>
	            </li>
           </ul>
      </form>
      
      <form id="registerFormThird" style="display: none;">
      		<ul>
	            <li >
	                <!-- 输入框-->
	                <div class="inputCode oldCode">
	                    <span style="display: block; text-align: center; font-size: 20px;">注册成功</span>
	                </div>	
	                <input type="hidden" name="mobilePhone" id="sendMobileIpt" value="1"> 
	                <input type="hidden" name="sign" id="sign" value="1">                
	            </li>
	            
	            <li>
	                <div class="changeCodeButten"> <a class="tarlogin" href="${mobileroot}/user/login.html">立即登录</a></div>
	            </li>
           </ul>
      </form>
    </div>
</div>
<!--内容End-->
<#include "../_inc/xieyi_m.html">
<#include "../_inc/_mobile_user_footer.html" />
<script type="text/javascript">
    seajs.use("user/register", function () {
		
    });
</script>
</body>
</html>

